// @mixin name($参数1，$参数2...) {
//   ...
// }

// 无参数的 mixin
@mixin alert($text-color, $background) {
  color: $text-color;
  background-color: #fcf8e3;
  a {
    // darken 加深
    color: darken($color: $text-color, $amount: 10%)
  }
}


// 使用样式 去调用 mixin
.alert-warning {
  // 调用
  @include alert(#8a6d3b, #fcf8e3);
}
// 结果
// .alert-warning {color: #8a6d3b; background-color: #fcf8e3;}
// .alert-warning a {color: #66512c;}

.alert-info {
  @include alert($background: #999, $text-color: #333)
}
// 结果
// .alert-warning {color: #333; background-color: #999;}
// .alert-warning a {color: xxx;}